* {
    padding: 0;
    margin: 0;
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.nav_1 {
    height: 50px;
}

.nav_2 {
    height: 35px;
    background-color: #c20c0c;
}

.wrap_nav2 {
    width: 1100px;
    height: 35px;
    margin: 0 auto;
}

.nav_2 .nav {
    float: left;
    padding-left: 180px;
}

ul li {
    float: left;
    height: 35px;
    text-align: center;
}

.nav a {
    height: 35px;
    color: #fff;
    text-decoration: none;
}

.nav a em {
    display: inline-block;
    /* background-color: #c20c0c; */
    font-size: 12px;
    font-style: normal;
    padding: 0 13px;
    margin: 7px 17px 0;
    border-radius: 20px;
    line-height: 21px;
}

.new-class {
    background-color: #9b0909;
}


.index-banner {
    position: absolute;
    /* position: relative; */
    /* overflow: hidden; */
    height: 285px;
    width: 100%;
    /* background-color: #000; */
    /* background-image: url(''); */
    background-size: 6000px;
    background-position: center center;
    /* background-size: cover; */
    /* backdrop-filter: blur(5px); */
    /*此属性具有继承作用 通常会将子元素的内容也模糊 所以要先子元素不被模糊 给子元素添加filter:none;*/
    /* z-index: 10; */
}

.index-banner .banner-box {
    /* position: absolute; */
    /* left: 25%; */
    /* left: 491px; */

    filter: none;
    height: 285px;
    width: 982px;
    margin: 0 auto;
    z-index: 10;
    backdrop-filter: blur(5px);
}

.index-banner .wrap {
    position: relative;
    z-index: 10;
    height: 285px;
    width: 982px;
    margin: 0 auto;
    /* background-color: paleturquoise; */
}

.wrap .wrap-banner {
    position: relative;
    /*为底部小圆点子绝父相*/
    width: 982px;
    height: 285px;
}

.wrap-banner .left {
    display: block;
    position: absolute;
    transform: scaleY(2.5);
    left: -68px;
    top: 50%;
    margin-top: -14px;
    width: 37px;
    height: 63px;
    font-size: 31px;
    font-weight: 100;
    color: #666;
}

.wrap-banner .right {
    display: block;
    position: absolute;
    transform: scaleY(2.5);
    right: -68px;
    top: 50%;
    margin-top: -14px;
    width: 37px;
    height: 63px;
    font-size: 31px;
    font-weight: 100;
    color: #666;
}

.nav a em:hover {
    background-color: #9b0909;
}

/* .ban-img img {
    width: 730px;
    height: 100%;
} */
.ban-img {
    width: 100%;
    height: 100%;
}

.ban-img a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.ban-img a img {
    /* display: inline-block; */
    width: 730px;
    height: 100%;
}

.wrap-banner .dot-buttom {
    position: absolute;
    top: 259px;
    left: 0;
    width: 730px;
    height: 20px;
    text-align: center;
}

.dot-buttom span {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.dot-buttom a {
    display: inline-block;
    background-color: #666;
    line-height: 20px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
}

.dot-buttom .pg-color {
    background-color: #c20c0c;
}

.download-client {
    position: absolute;
    top: 0;
    right: -1px;
    width: 254px;
    height: 285px;
    overflow: hidden;
    /* background-color: rgb(46, 92, 133); */
}

.download-client a {
    width: 254px;
    height: 100%;
}